<!--  -->
<template>
  <div class="dialog-contact">
    <div class="dialog-contact-btn" @click="show = true">
      <slot><button>选择成员</button></slot>
    </div>
    <van-overlay :show="show">
      <ContactList ref="contactSelect" @click.stop :user.sync="list" />
      <div class="jw-dialog-footer">
        <van-button class="jw-primary-btn" block @click="submitInfo">{{btnText || '增加参会人员'}}</van-button>
      </div>
    </van-overlay>
    
  </div>
</template>

<script>
import {ContactList} from '@/components'
export default {
  name: 'DialogContact',
  data() {
    return {
      show:false,
      list:[],
    };
  },
  props:{
    btnText:{
      type:String,
    }
  },
  //组件
  components: {
    ContactList,
  },
  //在实例创建完成后被立即调用
  created: function () {},
  //计算属性  将被混入到 Vue 实例中。所有 getter 和 setter 的 this 上下文自动地绑定为 Vue 实例。
  computed: {},
  //dom 加载完后执行
  mounted: function () {},
  //方法
  methods: {
    submitInfo(){
      this.show = false;
      this.$emit('cb',this.list)
    },
  },
  //一个对象，键是需要观察的表达式，值是对应回调函数
  watch: {
  },
};
</script>

<style scoped lang="less">
  @import './dialog-contact.less';
</style>

